.input[data-v-1d8b9fa0], .input[data-v-b96e178e] {
    width: 75%
}

.el-color-picker__color[data-v-660bd56c] {
    position: relative;
    display: block;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 2px;
    width: 100px;
    height: 30px;
    float: left;
    margin-right: 2px
}

.input[data-v-3ce16430] {
    width: 75%
}

.dialogList[data-v-9d8eb348] .el-collapse-item__header {
    background-color: #f4f6fc;
    padding-left: 10px;
    height: 35px
}

.icon-list[data-v-756623b4] {
    padding: 0;
    margin: 0;
    font-size: 0
}

.icon-list li[data-v-756623b4] {
    width: 10%;
    height: 60px;
    font-size: 14px;
    text-align: center;
    list-style-type: none;
    overflow: hidden;
    padding: 15px 6px 6px 0;
    display: inline-block;
    box-sizing: border-box
}

.activeIcon[data-v-756623b4], .icon-list li[data-v-756623b4]:hover {
    background-color: #f2f6fc;
    cursor: pointer
}

.icon-list li i[data-v-756623b4] {
    width: 100%;
    font-size: 30px;
    padding: 6px 6px 6px 0
}

.icon-name[data-v-756623b4] {
    display: block;
    padding-left: 6px
}

.el-dialog[data-v-756623b4] {
    border-radius: 8px;
    margin-bottom: 0;
    margin-top: 4vh !important;
    display: flex;
    flex-direction: column;
    max-height: 92vh;
    overflow: hidden;
    box-sizing: border-box
}

.el-dialog .el-dialog__header[data-v-756623b4] {
    padding-top: 14px
}

.el-dialog .el-dialog__body[data-v-756623b4] {
    margin: 0 20px 20px 20px;
    padding: 0;
    overflow: auto
}

.input[data-v-7ec17798] {
    width: 75%
}

.rule-item[data-v-7ec17798] {
    padding-top: 5px;
    padding-bottom: 5px
}

.close-btn[data-v-7ec17798] {
    text-align: center
}

.close-icon[data-v-7ec17798]:hover {
    cursor: pointer
}

.close-btn[data-v-7ec17798] .el-icon-remove-outline {
    color: "red"
}

.input[data-v-1f075498], .input[data-v-2bdb51a4], .input[data-v-5ee6bbc8], .input[data-v-6a212e48], .input[data-v-490a172c], .input[data-v-684bddb0], .input[data-v-011341c2], .input[data-v-b68fae88] {
    width: 75%
}

.field-box[data-v-9dfa4992] .el-scrollbar__wrap {
    overflow-x: hidden
}

.active[data-v-0bbe3dfa] {
    background: #e6f2ff
}

.dynamic-table-item-copy[data-v-0bbe3dfa] {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 0;
    right: 30px;
    border: 1px solid;
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #409eff;
    background: #fff;
    z-index: 2
}

.dynamic-table-item-copy[data-v-0bbe3dfa]:hover {
    color: #fff;
    background: #409eff
}

.dynamic-table-item-delete[data-v-0bbe3dfa] {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 0;
    right: 0;
    border: 1px solid;
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #f56c6c;
    background: #fff;
    z-index: 2
}

.dynamic-table-item-delete[data-v-0bbe3dfa]:hover {
    color: #fff;
    background: #f56c6c
}

.fancyDynamicTable[data-v-0a8eb6d3] {
    width: 100%;
    padding: 10px
}

.column-buttons[data-v-0a8eb6d3] {
    padding: 5px 0 5px 0;
    text-align: center;
    background-color: #f6f6f6
}

.optIcon[data-v-0a8eb6d3] {
    font-size: 18px;
    margin-right: 5px;
    cursor: pointer
}

.button-plus[data-v-0a8eb6d3] {
    font-size: 30px;
    margin-right: 10px
}

.button-plus[data-v-0a8eb6d3]:hover {
    color: #000
}

.preview-board[data-v-d4296fba] {
    border: 1px dashed #ccc
}

.el-rate[data-v-62b96e24] {
    display: inline-block
}

.center-scrollbar[data-v-62b96e24] .el-scrollbar__bar.is-horizontal {
    display: none
}

.center-scrollbar[data-v-62b96e24] .el-scrollbar__wrap {
    overflow-x: hidden
}

.empty-info[data-v-62b96e24] .el-empty__description p {
    color: #ccb1ea;
    font-size: 16px
}

.drawing-board {
    height: 100%;
    position: relative;
    border: 1px dashed #ccc
}

.drawing-board .components-body {
    padding: 0;
    margin: 0;
    font-size: 0
}

.drawing-board .sortable-ghost {
    position: relative;
    display: block;
    overflow: hidden
}

.drawing-board .sortable-ghost:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: #409eff;
    z-index: 2
}

.drawing-board .components-item.sortable-ghost, .drawing-board .drawing-item.sortable-ghost {
    width: 100%;
    height: 5px;
    background-color: #e6f2ff
}

.drawing-board .active-from-item > .dynamic-table, .drawing-board .active-from-item > .el-form-item {
    background: #e6f2ff;
    border-radius: 6px
}

.drawing-board .active-from-item > .drawing-item-copy, .drawing-board .active-from-item > .drawing-item-delete {
    display: initial
}

.drawing-board .active-from-item > .component-name {
    color: #409eff
}

.drawing-board .el-form-item {
    margin-bottom: 15px
}

.drawing-item.unfocus-bordered:not(.active-from-item) > div:first-child {
    border: 1px dashed #ccc
}

.drawing-item .el-form-item {
    padding: 12px 10px
}

.drawing-item {
    position: relative;
    cursor: move
}

.drawing-item .dynamic-table {
    padding: 12px 5px
}

.drawing-row-item {
    position: relative;
    cursor: move;
    box-sizing: border-box;
    border: 1px dashed #ccc;
    border-radius: 3px;
    padding: 0 2px;
    margin-bottom: 15px
}

.drawing-row-item .el-col {
    margin-top: 22px
}

.drawing-row-item .el-form-item {
    margin-bottom: 15px
}

.drawing-row-item .drag-wrapper {
    min-height: 80px
}

.drawing-row-item .drag-col-wrapper {
    height: auto;
    border: 1px dashed #ccc
}

.drawing-row-item.active-from-item {
    border: 2px solid #e6a23c
}

.drawing-row-item .component-name {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    color: #bbb;
    display: inline-block;
    padding: 0 6px
}

.drawing-item:hover > .el-form-item, .drawing-row-item:hover > .el-form-item {
    background: #ebeef5
}

.drawing-item:hover > .drawing-item-copy, .drawing-item:hover > .drawing-item-delete, .drawing-row-item:hover > .drawing-item-copy, .drawing-row-item:hover > .drawing-item-delete {
    display: initial
}

.drawing-item > .drawing-item-copy, .drawing-item > .drawing-item-delete, .drawing-row-item > .drawing-item-copy, .drawing-row-item > .drawing-item-delete {
    display: none;
    position: absolute;
    top: -10px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    border: 1px solid;
    cursor: pointer;
    z-index: 1
}

.drawing-item > .drawing-item-copy, .drawing-row-item > .drawing-item-copy {
    right: 56px;
    border-color: #409eff;
    color: #409eff;
    background: #fff
}

.drawing-item > .drawing-item-copy:hover, .drawing-row-item > .drawing-item-copy:hover {
    background: #409eff;
    color: #fff
}

.drawing-item > .drawing-item-delete, .drawing-row-item > .drawing-item-delete {
    right: 24px;
    border-color: #f56c6c;
    color: #f56c6c;
    background: #fff
}

.drawing-item > .drawing-item-delete:hover, .drawing-row-item > .drawing-item-delete:hover {
    background: #f56c6c;
    color: #fff
}

.drawing-form-item:hover > .el-form-item, .drawing-item:hover > .el-form-item {
    background: #ebeef5
}

.drawing-form-item:hover > .drawing-item-copy, .drawing-form-item:hover > .drawing-item-delete, .drawing-item:hover > .drawing-item-copy, .drawing-item:hover > .drawing-item-delete {
    display: initial
}

.drawing-form-item > .drawing-item-copy, .drawing-form-item > .drawing-item-delete, .drawing-item > .drawing-item-copy, .drawing-item > .drawing-item-delete {
    display: none;
    position: absolute;
    top: -10px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    border: 1px solid;
    cursor: pointer;
    z-index: 1
}

.drawing-form-item > .drawing-item-copy, .drawing-item > .drawing-item-copy {
    right: 56px;
    border-color: #409eff;
    color: #409eff;
    background: #fff
}

.drawing-form-item > .drawing-item-copy:hover, .drawing-item > .drawing-item-copy:hover {
    background: #409eff;
    color: #fff
}

.drawing-form-item > .drawing-item-delete, .drawing-item > .drawing-item-delete {
    right: 24px;
    border-color: #f56c6c;
    color: #f56c6c;
    background: #fff
}

.drawing-form-item > .drawing-item-delete:hover, .drawing-item > .drawing-item-delete:hover {
    background: #f56c6c;
    color: #fff
}

.right-board {
    width: 350px;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 3px
}

.right-board .field-box {
    position: relative;
    height: calc(100vh - 42px);
    box-sizing: border-box;
    overflow: hidden
}

.right-board .el-scrollbar {
    height: 100%
}

.select-item {
    display: flex;
    border: 1px dashed #fff;
    box-sizing: border-box
}

.select-item .close-btn {
    cursor: pointer;
    color: #f56c6c
}

.select-item .el-input + .el-input {
    margin-left: 4px
}

.select-item + .select-item {
    margin-top: 4px
}

.select-item.sortable-chosen {
    border: 1px dashed #409eff
}

.select-line-icon {
    line-height: 32px;
    font-size: 22px;
    padding: 0 4px;
    color: #777
}

.option-drag {
    cursor: move
}

.time-range .el-date-editor {
    width: 227px
}

.time-range ::v-deep .el-icon-time {
    display: none
}

.document-link {
    position: absolute;
    display: block;
    width: 26px;
    height: 26px;
    top: 0;
    left: 0;
    cursor: pointer;
    background: #409eff;
    z-index: 1;
    border-radius: 0 0 6px 0;
    text-align: center;
    line-height: 26px;
    color: #fff;
    font-size: 18px
}

.node-label {
    font-size: 14px
}

.node-icon {
    color: #bebfc3
}

.center-tabs .el-tabs__header {
    margin-bottom: 0 !important
}

.center-tabs .el-tabs__item {
    width: 100%;
    text-align: center
}

.center-tabs .el-tabs__nav {
    width: 100%
}

.right-scrollbar .el-scrollbar__view {
    padding: 12px 18px 15px 15px
}

.drawing-row-item .el-col {
    margin-bottom: 10px
}

.components-item.dynamicGhost, .dynamic-table_item.dynamicGhost {
    width: 5px;
    height: 120px;
    background-color: #409eff
}

body {
    margin: 0
}

.container {
    position: relative;
    width: 100%;
    height: 100%
}

.left-board {
    width: 260px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh
}

.d-logo-wrapper {
    position: relative;
    height: 42px;
    background: #fff;
    border-bottom: 1px solid #f1e8e8;
    box-sizing: border-box
}

.d-logo {
    position: absolute;
    left: 12px;
    top: 6px;
    line-height: 30px;
    color: #409eff;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap
}

.d-logo img {
    width: 30px;
    height: 30px;
    vertical-align: top
}

.components-title {
    font-size: 14px;
    color: #222;
    margin: 6px 6px;
    font-weight: 700
}

.components-draggable {
    padding-bottom: 20px
}

.components-list {
    padding: 8px;
    box-sizing: border-box;
    height: 100%
}

.components-list .components-item {
    display: inline-block;
    width: 48%;
    margin: 1%;
    transition: transform 0ms !important
}

.components-body {
    padding: 8px 10px;
    background: #f4f6fc;
    font-size: 12px;
    margin-left: 5px;
    padding-top: 5px;
    cursor: move;
    border: 1px solid #409eff;
    border-radius: 3px
}

.components-body:hover {
    border: 1px dashed #f56c6c;
    color: #f56c6c
}

.center-board {
    height: 100vh;
    width: auto;
    margin: 0 350px 0 260px;
    box-sizing: border-box
}

.empty-info {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 18px;
    letter-spacing: 4px
}

.action-bar {
    position: relative;
    height: 42px;
    text-align: right;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px solid #f1e8e8;
    border-top: none;
    border-left: none;
    background: #fff
}

.action-bar .el-button {
    font-size: 14px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    color: #409eff
}

.action-bar .delete-btn {
    color: #f56c6c
}

.center-scrollbar {
    height: calc(100vh - 42px);
    overflow: hidden;
    border-left: 1px solid #f1e8e8;
    border-right: 1px solid #f1e8e8;
    box-sizing: border-box
}

.center-board-row {
    padding: 10px 12px 0 12px;
    box-sizing: border-box
}

.center-board-row .el-form {
    height: calc(100vh - 69px)
}

.dynamic-table {
    margin: 0;
    height: auto;
    min-height: 120px;
    padding: 10px 0
}

.dynamic-table__content {
    width: 100%;
    height: 100%;
    display: flex;
    overflow-y: hidden;
    outline: 1px dashed #ccc;
    outline-offset: -1px;
    min-height: 100px;
    float: left
}

.dynamic-table__item {
    margin: 1px;
    padding-top: 5px;
    border: 1px solid #ebeef5;
    background: #f2f6fc;
    border-radius: 2px
}

.dynamic-table__item:hover {
    border: 1px solid #409eff
}

.dynamic-table__item_title {
    width: 100%;
    padding-top: 8px;
    line-height: 23px;
    text-align: center;
    border-bottom: 1px solid #ebeef5;
    font-size: 14px;
    color: #606266;
    height: 30px
}

.dynamic-table__item_body {
    padding: 10px;
    text-align: center
}

.el-checkbox:last-of-type, .el-radio:last-child {
    margin-right: 30px
}

.icon[data-v-786fcab1] {
    width: 20px;
    height: 20px;
    vertical-align: -5px
}

.container[data-v-01fda544] {
    padding: 0
}

.dynamicTable-tips[data-v-01fda544] {
    border: 1px solid #F08080
}

.ql-editor {
    height: 400px
}

.edit_container .text_number_tips {
    float: right;
    margin-top: -30px;
    padding-right: 10px
}

.warn_edit_container {
    border: 1px solid #f56c6c
}

.warn_text_number_tips {
    color: #f56c6c
}

.dialog-list[data-v-190d5702] .el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: #d1dfd5
}

.search-text[data-v-190d5702] {
    margin-bottom: 10px
}

.el-table .odd-row {
    background-color: #fafafa
}

.preview-board[data-v-264fd7a0] {
    border: 1px dashed #ccc
}

.form-builder[data-v-264fd7a0] {
    padding: 20px;
    border: 1px solid #dcdfe6
}

.el-form-item[data-v-264fd7a0] {
    margin-left: 10px;
    margin-right: 10px
}

.fancyDynamicTable[data-v-6348599b] {
    widows: 100%;
    padding: 10px
}

.column-buttons[data-v-6348599b] {
    margin-top: 15px;
    text-align: center
}

.optIcon[data-v-6348599b] {
    font-size: 18px;
    margin-right: 5px;
    cursor: pointer
}

.preview-board[data-v-a3688f38] {
    border: 1px dashed #ccc
}

.form-viewer[data-v-a3688f38] {
    padding: 20px;
    border: 1px solid #dcdfe6
}

.el-form-item[data-v-a3688f38] {
    margin-left: 10px;
    margin-right: 10px
}

.box-card[data-v-8cdd538e] {
    width: 60%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: auto;
    display: block
}

#app[data-v-8cdd538e] {
    position: relative
}
